@charset "utf-8";

body,html{
	width: 100%;
}
.carou{
	margin-top: 50px;
	width: 100%;
}
.carou img{
	width: 100%;
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:black ;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: white;
}
.navbar-toggle{
	border: 1px solid #000000;
}
.navbar{
	width: 100%;
	margin-bottom: 0;
	position: fixed;
	top: 0;
	left: 0;
}
.navbar-brand{
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-brand img{
	vertical-align: middle;
	display: inline-block;
}

.navbar-default{
	background: #222222;
	border-bottom: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background: #080808;
	color: white;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #FFFFFF;
}

.layaflash{
	padding-top: 105px;
	padding-bottom: 144px;
	background: url('../img/flashbg.png')no-repeat;
	background-size:365px 464px ;
	background-position:right 8% bottom 50px ;
	background-color: #fbfaf7;
	border-bottom: 1px solid #ccc;	
}

@media screen and (max-width:768px){
	.layaflash{
		background-image:none ;
	}
}

.flashtitle{
	
	margin-bottom: 67px;
}
.flashtitle	h1{
	font-size: 51px;
		color: #0078d7;
	}
.flashtitle p{
	font-size: 30px;
	color: #666666;
}
.flashmsg h2{
	font-size: 20px;
	color: black;
	margin-top: 0;
}
.flashmsg p{
	font-size: 16px;
	color: #7e7e7d;
}

.flashimg{
	padding-left: 0;
	padding-right: 0;	
}
.flashimg img:hover{
	animation: flash 1s linear;
	
}
.flashlist{
	height: 86px;
	
}


.layaproduct{
	background: #0079d7;
}
.advantage{
	padding-top: 114px;
	padding-bottom: 95px;	
}

.advantagetitle h1{
	font-size: 52px;
	color: #8fc31f;
	
}
.advantagelist{
	height: 54px;
	margin-bottom: 16px;
	
	
}
@media screen and (max-width:480px){
	.advantagelist{
		line-height: 23px;
	}
}
@media screen and (min-width:1200px){
	.advantagelist{
		line-height: 54px;
	}
}
@media screen and (min-width:480px) and (max-width:767px){
	.advantagelist{
		line-height: 50px;
	}
}
.advantageimg{
	margin-top: 76px;
	transition: all 1s linear;
}
.advantageimg:hover{
	
	transform: translateX(-20px) translateY(-20px);
	
	
}


.layaproduct{
	padding-top: 115px;
	padding-bottom: 135px;
}
.producttitle{
	text-align: center;
		
}
.producttitle h1{
		font-size: 49px;
		color: white;
		margin-top: 0;
		margin-bottom: 68px;
}
.productlist{
	height: 134px;
}
.productimg{
	padding-top: 12px;
	
}
.productimg img{
	margin: 0 auto;
}
.productmsg h3{
	font-size: 34px;
	color: white;
	margin-top: 0;
}
.productmsg p{
	font-size: 12px;
	color: white;
	line-height: 28px;
}


.layagame{
	padding-top: 85px;
	padding-bottom: 50px;
}
.gametitle h2{
	font-size: 38px;
	margin-top: 0;
	margin-bottom: 46px;
}
.gamemore p{
	font-size: 18px;
	white-space: nowrap;
}
.gamelist p{
	text-align: center;
	font-size: 13px;
	line-height: 20px;
}
.gamelist img{
	margin: 0 auto;
}

.gameimg img{
	margin: 0 auto;
}

.layahezuo{
	padding-top: 40px;
	padding-bottom: 44px;
	background: #f4f4f4;
}
.hezuotitle h2{
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 33px;
	
}
.hezuotitle h2 span{
	font-size: 12px;
	
}
.hezuolist{
	margin-bottom: 20px;
}

@media screen and (max-width:480px){
	
}

.footercontent{
	background: #3b3b3b;
	padding-top: 34px;
	padding-bottom: 37px;
}
.footermsg span{
	font-size: 14px;
	color: #a1a3ab;
	
}
.footermsg p{
	font-size: 14px;
	color: #a1a3ab;
}
.footerimg{
    img{
        margin-right: 10px;
        float: right;
    }
    
}
